import "./index.css";
import React from "react";

import AddressComponent from "../addresscomponent";
import OtherComponent from "../othercomponents";

import furitImg from "./img/furit.png";

export default function NoAreaCart() {
  return (
    <div id="noAreaCart">
      <div className="tyc_address">
        <ul className="tyc_address_ul">
          <li className="tyc_fristli">我的购物车</li>
          <li>确认订单信息</li>
          <li className="tyc_lastli">订单提交成功</li>
        </ul>
        <h3>收货人信息</h3>
        <AddressComponent />
        <button id="saveArea">确认并设置为默认地址</button>
      </div>

      <div className="tyc_mallmessage">
        <h3>商品信息</h3>
        <table border="1">
          <thead>
            <tr>
              <th className="tyc_mallName">
                <span>爱果果水果店</span>
              </th>
              <th className="tyc_specification">规格</th>
              <th className="tyc_onePrice">单价</th>
              <th className="tyc_num">数量</th>
              <th className="tyc_sumOnePrice">金额</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="tyc_mail">
                <img src={furitImg} alt="" />
                <span>石榴石榴8个装</span>
              </td>
              <td>8个装</td>
              <td>￥569</td>
              <td className="tyc_addsub_btn">
                <div>-</div>
                <input type="text" />
                <div>+</div>
              </td>
              <td>￥569</td>
            </tr>
            <tr>
              <td className="tyc_mail">
                <img src={furitImg} alt="" />
                <span>石榴石榴8个装</span>
              </td>
              <td>8个装</td>
              <td>￥569</td>
              <td className="tyc_addsub_btn">
                <div>-</div>
                <input type="text" />
                <div>+</div>
              </td>
              <td>￥569</td>
            </tr>
            <tr>
              <td colSpan="7" className="tyc_sumPrice">
                <span>运费</span>
                <strong>￥5.0</strong>
                <span>商品金额</span>
                <strong>￥108.0</strong>
                <span>商家合计</span>
                <strong>￥108.0</strong>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <OtherComponent />
    </div>
  );
}
